<div class="card border-0 rounded-0 box-shadow">
  <img class="card-img-top rounded-0" src="{{ .Params.Image_webp | relURL }}" onerror="this.src='{{ .Params.Image | relURL }}'" alt="{{ .Title }}">
  <div class="card-body position-relative">
    {{ with .Params.Icon}}<i class="card-icon fa {{. }}"></i>{{ end }}
    <h4 class="card-title"><a class="text-dark" href="{{ .Permalink | relURL }}">{{ .Title }}</a></h4>
    <p class="card-text">{{ .Summary }}</p>
    <a href="{{ .Permalink | relURL }}" class="btn btn-secondary btn-arrow">{{ i18n "read_more" }}</a>
  </div>
</div>
